<template>
	<div class="box-title">
		<h2>{{title}}</h2>
	</div>
	
</template>
<script>
	export default{
		data(){
			return{
				text:'Hello Word'
			}
		},
		props:['title']
	}
</script>
<style scoped="scoped">
	.box-title{
		width: 100%;
		background-color: #fdfdfd;
		overflow: hidden;
	}
	.box-title h2{
		font-size: 54px;
		margin:60px 0 30px 0;
	}
	@media (max-width: 768px){
		.box-title h2{
			font-size: 24px;
			margin:30px 0 20px 0;
		}
	}
</style>